<!DOCTYPE html>
<meta charset="utf-8">
<title>Forced colors mode - caret-color with system color.</title>
<style>
  div {
    caret-color: GrayText;
    forced-color-adjust: none;
  }
  [contenteditable] {
    outline: none;
  }
</style>
<div id="caret" contenteditable>The caret color should remain GrayText</a>
<script>
  window.onload = function() {
    document.getElementById("caret").focus();
  }
</script>

